$('.n1').mouseover(function() {
    $('.fl-1').css({
        display: 'block'
    })
})
$('.txt').click(function() {
    $('.btn').css({
        display: 'block'
    })
})
$('.close').click(function() {
    $('.fl-1').css({
        display: 'none'
    })
    $('.btn').css({
        display: 'none'
    })
})
let tem = $("#temple");
$(function() {
    var lis = $(".list-1>li");
    lis.mouseenter(function() {
        $('.list').find(tem).slideToggle(330);
    });
    $('.list').mouseleave(function() {
        $('.list').find(tem).slideUp(230);
    });
});